<template>
  <!-- 点播视频 -->
  <div class="app-container video-play-jalsjfklsajdklfjadskljfklasd">
    <div class="content-container imFlex">
      <orgTreeSelect :clickRepeatable="0"></orgTreeSelect>
      <center-camera></center-camera>
      <right-content></right-content>
    </div>
  </div>
</template>

<script>
import LeftContent from "./left-content";
import CenterCamera from "./center-camera";
import RightContent from "./video-control";
import orgTreeSelect from "../../components/cameraTreeSelect";
export default {
  components: { LeftContent, RightContent, CenterCamera, orgTreeSelect },
  data() {
    return {};
  },
  created() {},
  mounted() {},
  methods: {},
};
</script>
<style lang="scss" scoped>
.camera-play {
  position: relative;
  height: calc(100vh - 90px);
  overflow: hidden;
  // background: url(~@/assets/image/map-img/camera-play-bg.png) no-repeat center;
  background-size: 100% 100%;
  padding: 10px;
  display: flex;
}
</style>

<style lang="scss">
.video-play-jalsjfklsajdklfjadskljfklasd {
    .content-container {
        height: calc(100vh - 106px);
    }
}
</style>